<html>

<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Help for drawing tool</title>
</head>

<body bgcolor="#FFFFCC">

<p><font face="Arial Narrow"><b>Shapes to draw</b></p>
<p><b>Create a shape</b></p>
<p><img border="0" src="images/help.h01.jpg" width="269" height="28">&nbsp;
You can
choose rectangle - circle - ellipse - polygon - polyline - Bezier's curve -
pencil - picture or text</p>
<p>For rectangle, picture, circle and ellipse, you click for vertice ( rectangle -
picture ) or center ( circle - ellipse ) and button pressed, moving the pointer,
you define the shape</p>
<p>For polygon, polyline and Bezier's curve, you click for vertices. Click twice
on last vertice to finish.</p>
<p>For pencil, you move pointer, left button pressed. On mouse up, drawing is
linearised.</p>
<p>For text, you click on canvas and ? is draw, with keyboard you can write your
text. ( Delete has no effect, use Backspace to remove letter from text )<br>
With Enter, you can define other text element.</p>
<p>With picture, when button is released, you can choose picture in filesystem :</p>
<p><img border="0" src="images/help.h16.jpg" width="613" height="372"></p>
<p><b>Move a shape</b></p>
<p><img border="0" src="images/help.h3.gif" width="28" height="27">&nbsp; Click
on shape and button pressed move your pointer. You can select many shapes by
drawing a dashed rectangle around and move them.</p>
<p><b>Modify a shape</b></p>
<p><img border="0" src="images/help.h2.gif" width="190" height="30">&nbsp; You
can modify, remove, rotate, put in foreground or background a shape or edit text</p>
<p>&nbsp;Modify the shape</p>
<p>For rectangle, picture, circle and ellipse, you click on the shape, a red
circle is draw, you click on it and button pressed move this circle to change
dimensions and geometry of your shape.<br>
<br>
For polygon, polyline and Bezier'curve, you click on the shape, vertices and
control points ( for Bezier ) become red circles that you can move to change
geometry of your shape.</p>
<p><img border="0" src="images/help.h5.gif" width="301" height="155"></p>
<p>Remove the shape</p>
<p><img border="0" src="images/help.h02.gif" width="295" height="193">&nbsp;&nbsp;
Click on shape to remove. Confirm in popup window</p>
<p>Rotate the shape</p>
<p>Choose clockwise or anticlockwise and at each click on shape, it rotate from 15
degrees.</p>
<p>Put shape in background or foreground</p>
<p>Shapes are draw in order you define them. To change this order, choose icon
and at each click on shape it will go up or down in array of shapes</p>
<p>Edit text</p>
<p>Click on text to select it and with keyboard modify your text.</p>
<p><b>Presentation attributes</b></p>
<p>When a shape is draw, in &quot;Shape&quot; on right, you can modify all
presentation attributes</p>
<p><img border="0" src="images/help.h9.jpg" width="483" height="452"></p>
<p>You can choose color or gradient for fill or stroke, opacity, stroke width. For a
rectangle you can choose also radius for rounded corners.</p>
<p>You can choose color directly from HSL color picker for fill or stroke. <br>
To apply this color, selct a shape and click on selected color.</p>
<p><img border="0" src="images/help.h5.jpg" width="628" height="496"></p>
<p>You can choose a pattern to fill or stroke the shape : </p>
<p><img border="0" src="images/help.h4.jpg" width="618" height="373"></p>
<p>You can also choose linear or radial gradient to fill or stroke your shape</p>
<p><img border="0" src="images/help.h1.jpg" width="697" height="504"></p>
<p>From &quot;Workspace&quot; you can choose other colors palette. You can
create your own palettes ( See in Utilities ). </p>
<p>For text, you can show popup window where you can modify all attributes for
text. You see effect on selected text. </p>
<p><img border="0" src="images/help.h10.jpg" width="482" height="378"> </p>
<p>You can put your text on existing curve ( polygon, polyline, Bezier curve or
drawing with pencil only )<br>
Select text, click on &quot;OK&quot; and choose curve. You cannot remove this
curve, but you can give it no color for stroke to make it invisible. </p>
<p><img border="0" src="images/help.h11.jpg" width="286" height="197"> </p>
<p>You can modify curve and text's attributes.<br>
<br>
<b>Save your work</b> </p>
<p><img border="0" src="images/help.h11.gif" width="109" height="29">&nbsp; You
can get blank page ( after confirmation ), save your work ( You have to give a
name for file ), load existing work and print your drawing in popup window..</p>
<p><img border="0" src="images/help.h6.jpg" width="602" height="355"></p>
<p><b>Zoom and pan</b></p>
<p><img border="0" src="images/help.h13.gif" width="190" height="28">&nbsp; You
can zoom in, zoom out, get original view and pan in four directions.</p>
<p><b>Utilities</b></p>
<p><img border="0" src="images/help.h12.jpg" width="237" height="458">&nbsp; </p>
<p>From &quot;Workspace&quot; you can show / hide grid , choose size for grid,
show / hide rubber bands, choose a color for background, choose other palette.
You can remove color or gradient that you create.</p>
<p><img border="0" src="images/help.h7.gif" width="82" height="28">&nbsp; You
can create and save your own palettes, create pattern and make your group for
fonts</p>
<p>Create new colors palette</p>
<p><img border="0" src="images/help.h8.jpg" width="510" height="586"></p>
<p>You define color moving cross and slider, click on square to affect it the
color.<br>
Give a name for palette and save it ...</p>
<p>Define a pattern</p>

<p>You
can define a pattern from objects that you draw on canvas</p>

<p>Select objects and you can choose size for pattern moving red circle and save
it as svg file</p>

<p><img border="0" src="images/help.hk6.jpg" width="513" height="246"></p>

</font>
<p><font face="Arial Narrow">Your fonts</font></p>
<p><font face="Arial Narrow">You can see or remove font chosen. You can add new
font to your group by his name ( &quot;Arial Narrow&quot; by example ).<br>
If you don't see expected font, install this font on your computer.</font></p>
<p><img border="0" src="images/help.h03.gif" width="352" height="391"></p>

</body>

</html>
